<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-1.11.0.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<title></title>
	</head>

	<body>
		<!--
        	作者：510669408@qq.com
        	时间：2017-10-14
        	描述：意见反馈
        -->

		<header class="mui-bar mui-bar-nav" style="background-color: #95c32f">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
				<font style="font-size: 16px;">返回</font>
			</a>
			<h1 class="mui-title">问题反馈</h1>
		</header>
		<div class="mui-content">
			<div class="mui-content-padded">
				<div class="mui-inline">问题和意见
				</div>

			</div>
			<div class="row mui-input-row">
				<textarea id='question' class="mui-input-clear question" placeholder="请详细描述你的问题和意见..."></textarea>
			</div>

			<p>QQ/邮箱</p>
			<div class="mui-input-row">
				<input id='contact' type="text" class="mui-input-clear contact" placeholder="(选填,方便我们联系你 )" />
			</div>

			<br />
			<button type="button" class="mui-btn mui-btn-primary mui-btn-block" id="btnFeed">发送</button>
		</div>

	</body>
	<script type="application/javascript" charset="UTF-8">
		mui.init();
		$("#btnFeed").click(function() {
			var qu = $("#question").val();
			var contact = $("#contact").val();
			if(qu == "") {
				mui.toast("问题和意见不能为空");
				return;
			}
			$.post("http://www.maytao.cn/home/FeedBack", {
				uuid: "",
				content: qu,
				emai: contact
			}, function(data) {
				if(data.code == 0) {
					$("#question").val("");
					$("#contact").val("");
					mui.toast("发送成功，感谢您的反馈!");
					//
				} else {
					mui.toast("失败");
				}
			});
		});
	</script>

</html>